<!DOCTYPE html>
<html lang="en">
  <head>
<!--系统内置 start-->
<script type="text/javascript" src="//qgt-style.oss-cn-hangzhou.aliyuncs.com/commonJSCSS/console.js"></script>
<!--系统内置 end-->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="./index.css" />
    <title>Flex 布局</title>
  </head>
  <body>
      <div class="box">
          
              <div class="sbox">
                  <img src="./images/wx.png" alt="">
                  <span class="wechat">微信好友</span>
              </div>
              <div>
                  <img src="./images/wx-circle.png" alt="">
                  <span>朋友圈</span>
              </div>
              <div>
                  <img src="./images/qq.png" alt="">
                  <span></span>
              </div>
              <div>
                  <img src="./images/ding.png" alt="">
                  <span></span>
              </div>
              <div>
                  <img src="./images/weibo.png" alt="">
                  <span></span>
              </div>
              <div>
                  <img src="./images/link.png" alt="">
                  <span></span>
              </div>
          



      </div>

  </body>
</html>
